<div style="padding:5px 5px" id="divEsysMenu">
	<!-- 1.列表 http://www.jeasyui.com/documentation/index.php# datagrid -->
	<table id="dgEsysMenu" class="easyui-datagrid" style="width: 1000px; height: 500px"
		url="esys/menu/list" toolbar="#toolbarEsysMenu" pagination="true" rownumbers="true"
		fitColumns="true" singleSelect="true">
		<thead>
			<tr>
				<th field="id" width="50">ID</th>
				<th field="name" width="30">名称</th>
				<th field="no" width="30">编号</th>
				<th field="icon" width="30">图标</th>
				<th field="url" width="50">URL</th>
				<th field="parentName" width="30">上级</th>
			</tr>
		</thead>
	</table>
	<!-- 列表上的按钮 linkbutton -->
	<div id="toolbarEsysMenu">
		<form id="fm-searchEsysMenu">
		<table><tr>
			<a class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="loadCreateEsysMenuForm()">创建</a>
			<a class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="loadUpdateEsysMenuForm()">修改</a>
			<a class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="deleteEsysMenu()">删除</a>
			<a class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="loadImportEsysMenuForm()">导入</a>
			<a class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="loadExportEsysMenuForm()">导出</a>
			<input name="searchContent" class="easyui-textbox" buttonIcon='icon-search'/>
		</tr></table>
		</form>
	</div>
	
	<!-- 2.加载创建表单的对话框 dialog -->
	<div id="dlg-createEsysMenu" class="easyui-dialog" title="创建菜单"
		style="width: 450px; height: 280px; padding: 10px 20px" closed="true"
		buttons="#dlg-buttons-createEsysMenu">
		<div class="ftitle">请输入菜单信息</div>
		<!-- 创建表单 textbox、filebox、combogrid -->
		<form id="fm-createEsysMenu" method="post" enctype="multipart/form-data">
			<div class="fitem">
				<label>ID:</label>
				<input name="id" class="easyui-textbox" required="true" />
			</div>
			<div class="fitem">
				<label>名称:</label>
				<input name="name" class="easyui-textbox" required="true" />
			</div>
			<div class="fitem">
				<label>编号:</label>
				<input name="no" class="easyui-textbox" required="true" />
			</div>
			<div class="fitem">
				<label>描述:</label>
				<input name="description" class="easyui-textbox" />
			</div>
			<div class="fitem">
				<label>上级:</label>
				<!-- idField:提交到后端的ID字段，textField:显示在下拉框中的名称 -->
				<input name="parentId" type="hidden" />
				<span  class="textbox" style="width:202px">
					<span name="parentName" class="textbox-text" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; height: 22px; line-height: 22px; width: 194px;"></span>
				</span>
			</div>
		</form>
	</div>
	<!-- 创建表单的按钮 linkbutton -->
	<div id="dlg-buttons-createEsysMenu">
		<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" 
			onclick="createEsysMenu()" style="width: 90px">保存</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
			onclick="javascript:$('#dlg-createEsysMenu').dialog('close')" style="width: 90px">取消</a>
	</div>
	
	<!-- 3.加载修改表单的对话框 -->
	<div id="dlg-updateEsysMenu" class="easyui-dialog" title="修改菜单"
		style="width:550px; height:320px; padding:10px 20px" closed="true"
		buttons="#dlg-buttons-updateEsysMenu">
		<div class="ftitle">请输入菜单信息</div>
		<!-- 修改表单 -->
		<form id="fm-updateEsysMenu" method="post" novalidate>
			<table>
				<tr>
					<td>
						<div class="fitem">
							<label>ID:</label>
							<input name="id" class="easyui-textbox" readonly="true" />
						</div>
						<div class="fitem">
							<label>菜单名:</label>
							<input name="loginName" class="easyui-textbox" required="true" />
						</div>
						<div class="fitem">
							<label>密码:</label>
							<input name="password" type="password" class="easyui-textbox" required="true" />
						</div>
						<div class="fitem">
							<label>角色:</label>
							<select class="easyui-combogrid" name="roles" style="width:200px;"
						        data-options="
									multiple:true,
									pagination:true,
						            panelWidth:450,
						            idField:'id',
						            textField:'name',
						            url:'sys/role/list',
						            columns:[[
						                {field:'id',title:'ID',width:100},
						                {field:'name',title:'Name',width:150},
						                {field:'description',title:'描述',width:150}
						            ]]
						        ">
							</select>
						</div>
						<div class="fitem">
							<label>创建时间</label>
							<input name="createTime" class="easyui-textbox" readonly="true" />
						</div>
					</td>
					<td style="padding:10px">
						<img id="woEsysMenuUpdateFormImage" width=120 height=120/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<!-- 修改表单的按钮 -->
	<div id="dlg-buttons-updateEsysMenu">
		<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" 
			onclick="updateEsysMenu()" style="width: 90px">保存</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
			onclick="javascript:$('#dlg-updateEsysMenu').dialog('close')" style="width: 90px">取消</a>
	</div>
	<!-- 4.选择上级菜单的对话框 -->
	<div id="dlg-selectEsysMenu" class="easyui-dialog" title="选择上级菜单"
		style="width:750px; height:600px; padding:5px 5px" closed="true"
		buttons="#dlg-buttons-selectEsysMenu">
	</div>
	<!-- 选择上级菜单的对话框按钮 -->
	<div id="dlg-buttons-selectEsysMenu">
		<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" 
			style="width: 90px">确定</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
			onclick="javascript:$('#dlg-selectEsysMenu').dialog('close')" style="width: 90px">取消</a>
	</div>
	<script type="text/javascript" src="js/app/menu.js"></script>
	
</div>